Coderweb diyorki; hakkımda Bilgin Yoksa Fikrinde Olmasın Evlat !!!!!
Tasarımın Üzerine
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style type="text/css"> <!-- table{margin-left:auto;margin-right:auto} --></style> <div id="container"> <div id="layoutMenu"> <ul> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> </ul> </div> <div id="layoutHeader"> <h1>Tu Sitio web</h1> <h2>Eslogan o frase</h2> </div> <div id="layoutCenterBody"> <div id="layoutNavigation"> <div class="navTitle"> <h3>Menu</h3> </div> <ul> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> <li><a href="URL">LINK</a></li> </ul> </div> <div id="layoutBodyContent">
Tasarımın Altına
</div> </div> <div class="clearer"></div> <div id="layoutFooter"> <p><br>Copyright © 2009. <a href="www.tuweb.es.tl">Tu web.es.tl</a> | Diseño creado por <a href="http://www.team-ayudamaster.es.tl">Team-AyudaMaster</a> </p> </div> </div>
Css Koduna
lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} * { margin:0; padding:0; } body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(http://img22.xooimage.com/files/3/6/e/fondo-e3c67b.png) repeat; } #container { width:800px; margin:auto; background:#FFFFFF; } #layoutHeader { width:800px; height:216px; background:url(http://img42.xooimage.com/files/f/8/9/header-e36db9.png) no-repeat; } #layoutHeader h1 { color:#FFFFFF; font-size:36px; font-weight:bold; padding:20px 20px 0 20px; } #layoutHeader h2 { color:#FFFFFF; font-size:14px; font-weight:bold; padding:0 20px 0 20px; } #layoutHeader h1 a { color:#FFFFFF; font-size:36px; font-weight:bold; text-decoration:none; } #layoutHeader h2 a { color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; } #layoutCenterBody { margin:10px 0px 0 0px; } #layoutNavigation { border:1px solid #FFFFFF; width:200px; float:left; background:#FFFFFF; } #layoutNavigation .navTitle { background:#000000; height:30px; } #layoutNavigation .navTitle h3 { color:#FFFFFF; font-size:12px; font-weight:bold; padding:6px 10px; } .clearer { clear:both; height:10px; } #layoutFooter { height:56px; background:url(http://img48.xooimage.com/files/1/1/e/footer-e36d13.png) repeat-x; text-align:center; } #layoutFooter p { padding-top:10px; color:#FFFFFF; } #layoutFooter a { color:#000000; text-decoration:underline; } #layoutFooter a:hover { color:#000000; text-decoration:none; } /* main menu begins */ #layoutMenu { height:56px; background:url(http://img48.xooimage.com/files/1/1/e/footer-e36d13.png) repeat-x; } #layoutMenu ul { text-align:center; padding-top:17px; } #layoutMenu li { list-style: none; display: inline; } #layoutMenu li a { padding: 3px 30px 3px 8px; text-decoration: none; font-size:12px; } #layoutMenu li a:link { color: #ffffff; font-weight:bold; font-size:12px; } #layoutMenu li a:visited { color: #ffffff; } #layoutMenu li a:hover { color: #FFFFFF; } /* mein menu ends */ /* left navigation menu begins */ #layoutNavigation ul { list-style-type: none; margin:10px 0; } #layoutNavigation a { display: block; width: 180px; background-color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; margin:7px 10px; } #layoutNavigation a:link, #layoutNavigation a:visited { color: #000000; text-decoration: none; } #layoutNavigation a:hover { background-color: #FFFFFF; color: #000000;